// 左侧导航组件

import React, { Component } from 'react'
import {Link} from 'react-router-dom'

import { UserOutlined, BugOutlined, HighlightOutlined ,RiseOutlined ,FolderOpenOutlined } from '@ant-design/icons';
import {Menu } from 'antd';
import 'antd/dist/antd.css'; 
import './asider.css';
const { SubMenu } = Menu;
export default class AdminAsider extends Component {
    
    render() {
        return (

            <div>
                <div className="logo img">    
                </div>
                
                <Menu
                    
                    mode="inline"
                    defaultSelectedKeys={['1']}
                    defaultOpenKeys={['sub1']}
                    style={{ height: '100%', borderRight: 0 }}
                >
                  
                
                <Menu.Item key="1" icon={<RiseOutlined />}> 
                <Link to="/home">
                            <span>首页</span>
                        </Link>
                </Menu.Item>
                        
                   
                <SubMenu key="sub2" icon={<FolderOpenOutlined />} title="内容管理">
                    <Menu.Item key="2">
                    <Link to="/manage">
                            <span>文章管理</span>
                        </Link>
                    </Menu.Item>
                    
                </SubMenu>

                <SubMenu key="sub3" icon={<HighlightOutlined />} title="内容创作">
                    <Menu.Item key="3">
                        <Link to="/create">
                            <span>发布博客</span>
                        </Link>
                    
                    </Menu.Item>
                    
                </SubMenu>

                <SubMenu key="sub4" icon={<BugOutlined />} title="BUG历程">
                    <Menu.Item key="4">
                        <Link to="/bug">
                            <span>BUG历程</span>
                        </Link>
                    </Menu.Item>
                    
                </SubMenu>

                <SubMenu key="sub5" icon={<UserOutlined />} title="个人中心">
                    <Menu.Item key="5">
                        <Link to="/users">
                            <span>个人管理</span>
                        </Link>
                    
                    </Menu.Item>
                    
                </SubMenu>
            
                </Menu>
            </div>
        )
    }
}